<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

<body>
	<a href="#" target="_blank">a标签</a>
	<form>
		姓名：<input type="text" name='name123'>
		性别：<input type="text" >
		age：<input type="text" name='age'>
		<!-- <input type="button" > -->
		<input type="submit" value='submit'>
	</form>


	<script>
		$(function() {
			//$('form').on('submit')
			$('form').submit(function(e) {
				//  阻止form的默认提交
				e.preventDefault()
				//   获取表单数据   序列化     
				//  serialize使用场景：获取表单数据  【一次性获取】
				//  使用条件：表单需要定义name属性
				var str = $('form').serialize()
				console.log(str);

				//alert('监听到了表单的提交事件')
			})
		})
	</script>

</body>

</html>
